<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典-${viewMember.nickName!}关注的人</title>
<link href="${ctx}/styles/global.css" rel="stylesheet" type="text/css">
<link href="${ctx}/styles/user.css" rel="stylesheet" type="text/css">
<#include '/baseHead.ftl'>
<!--主要部分开始-->
<!--主要部分开始-->
<!--主要部分开始-->
<section id="main"><div class="bgA_01">
	
	<!--左边开始-->
	<div id="leftArea">
		
			<#include 'userNavPanel_01.ftl'>
		
		<div class="friendPanel_01">
			<div class="infoField">
				<p>共关注了${page.totalCount?c}个网友</p>
			</div>
			<div class="listField">
				<ul>
					<#list page.result as member>
					<li>
						<div class="btns">
							<#if isLogin>
							<!--此处的 span button a 三种标签可根据需要互换-->
							<!--<p><span class="btn btn1">相互关注</span> -->
							<button class="btn btn2" title="点击取消关注" onclick='deleteFocus(${member.memberId?c})'>取消关注</button></p> 
							<p><a href="${ctx}/message/newmessage?memberId=${member.memberId?c}" class="btn btn2" title="点击发站内信">发站内信</a></p>
							</#if>
						</div>
						<div class="img">
							<a href="${ctx}/member/${member.memberId?c}" title="查看个人资料"><img src="${member.headImage!}" width="60" height="60" alt="${member.nickName!}"></a>
						</div>
						<div class="info">
							<h2><a href="${ctx}/member/${member.memberId?c}" class="name" title="查看个人资料">${member.nickName!}</a></h2>
							<p>${member.signature!}</p>
						</div>
					</li>
					</#list>
				</ul>
			</div>
			<div class="pageNumField">
				<p>
					<#if !page.firstPage>
					<a href="${ctx}/smgmemberfocus/${viewMember.memberId?c}/listFocus/${viewMember.memberId?c}-1">首页</a>
					</#if>
					<#if page.hasPreviousPage>
					<a href="${ctx}/smgmemberfocus/${viewMember.memberId?c}/listFocus/${viewMember.memberId?c}-${pageNumber-1}">上一页</a>
					</#if>
					<#list page.getLinkPageNumbers() as item>
						<#if item_index==5> 
							<#break>
						</#if>
						<#if item == page.thisPageNumber>
						<!--/{cityNo}-{cateId}-{filter}-{groupId}-{pageNumber}-{orderBy} -->
							<a href="javascript:;" class="on">${item}</a>
						<#else>
								<a href="${ctx}/smgmemberfocus/${viewMember.memberId?c}/listFocus/${viewMember.memberId?c}-${item}">${item}</a>
						</#if>
					</#list>
					<#if page.hasNextPage>
					<a href="${ctx}/smgmemberfocus/${viewMember.memberId?c}/listFocus/${viewMember.memberId?c}-${pageNumber+1}">下一页</a>
					</#if>
					<#if !page.lastPage>
					<a  href="${ctx}/smgmemberfocus/${viewMember.memberId?c}/listFocus/${viewMember.memberId?c}-${page.lastPageNumber?c}">末页</a>
					</#if>
				</p>
			</div>
		</div>
			
	</div>
	<!--左边结束-->
	
	<!--右边开始-->
	<div id="rightArea">
		
		<#include 'userPanel_01.ftl' >
		
		<div class="userNavPanel_02">
			<div class="titleField titleType_01">
				<h1 class="title_02">关注</h1>
			</div>
			<nav class="menuField">
				<ul>
					<li><a class="on" href="#">关注</a></li>
					<li><a  href="${ctx}/smgmemberfocus/listFans/${viewMember.memberId?c}-1">粉丝</a></li>
					<li><a href="${ctx}/smgmemberfocus/listFriend/${viewMember.memberId?c}-1">好友</a></li>
				</ul>
			</nav>
			<!--
			<div class="searchField">
				<div class="title">
					<h2>寻找好友</h2>
				</div>
				<div class="search">
					<input type="text" class="txt" value="">
					<input type="submit" class="sub" value="搜 索" title="点击搜索">
				</div>
			</div>
			-->
		</div>
		
	</div>
			
<#include '/commonFriendLink.ftl'>

</div></section>
<script>
function deleteFocus(memberId){
		$.ajax({
		 			type: "get",
					url: "${ctx}/smgmemberfocus/deleteFocus/"+memberId,
					beforeSend: function(XMLHttpRequest){
					//ShowLoading();
					},
					success: function(data, textStatus){
						var state = data.state;
						if ( state == 1 ){
							alert("操作成功");
							window.location.reload();
						}else{
							desc = data.desc;
							alert(desc);
						}
					},
					data:{
					},
					dataType:'json'
				}
	 		)
	}
</script>
<!--主要部分结束-->
<#include '/baseFoot.ftl'>
